<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本相关指令</title>
</head>
<body>
<div>
    {{info}}

    <!--插值用法是不依赖标签的-->
    <p>{{info}}</p>

    <!--v-text="变量"，让元素的文本内容和变量进行绑定，必须写在某个标签的里面-->
    <p v-text="info"></p>

    <!--v-html="变量"，让元素的html内容和变量进行绑定，会识别变量中的标签内容-->
    <p v-html="info"></p>
</div>

<script src="js/vue.min.js"></script>

<script>
    let v = new Vue({
        el: "body>div",
        data: {
            info: "文本相关测试<b>新内容</b>"
        }
    })
</script>

</body>
</html>